<template>
  <div class="phone-manage">
    <page-title>用户需求列表</page-title>
    <div class="content-box">
      <div class="search-box">
      </div>
      <div class="main-table">
        <el-table :data="tableData"
                  style="width: 100%">
          <el-table-column prop="key"
                           label="log">
          </el-table-column>
        </el-table>
        <div class="text-center">
          <el-pagination background
                         layout="prev, pager,next"
                         :total="1000"
                         @current-change="currentChange">
          </el-pagination>
        </div>
      </div>
    </div>

  </div>
</template>
    
<script>
import * as api from "./../../api/api";
export default {
  data () {
    return {
      tableData: [],
      page: 1,
    };
  },

  computed: {},

  mounted () {
    // this.getLogData();
  },

  methods: {
    // getLogData () {
    //   api.fetchLogList({ page: this.page }).then(res => {
    //     if (res.data.code == 200) {
    //       this.tableData = res.data.data;
    //     }
    //   })
    // },
    currentChange (val) {
      this.page = val;
      this.getLogData();
    },
  }
};
</script>

<style lang="scss" scoped>
.phone-manage {
  .search-box {
    .input {
      width: 150px;
      margin-right: 20px;
    }
    .data-input {
      width: 380px;
    }
    label {
      display: inline-block;
      width: 80px;
      text-align: right;
    }
    .mt10 {
      margin-top: 10px;
    }
    .search-group-input {
      display: inline-block;
    }
  }
  .main-table {
    width: 100%;
    height: 100%;
    padding: 30px 0;
  }
  .dialog-box {
    .upload-content {
      width: 100%;
      height: 100%;
      .gourp {
        margin-bottom: 20px;
        .group-left {
          width: 100px;
          height: 40px;
          line-height: 40px;
          text-align: right;
          // margin-right: 15px;
        }
        .group-right {
          width: 100%;
          padding-left: 100px;
          .input {
            width: 100%;
          }

          .radio-box {
            height: 40px;
            line-height: 40px;
          }
        }
        .textarea-input {
          width: 70%;
        }
      }
      .hint {
        color: #f56c6c;
        padding: 0 40px;
      }
    }
  }
  .pagination {
    margin-top: 20px;
  }
}
</style>
